.loginPage{
  width:100%;
  height:100vh;
  overflow: hidden;
  background:#6758f0;
  position: relative;
  .loginBg{
    width:50%;
    height:78%;
    margin-top:8%;
    margin-left:20px;
    background:url('../../assets/images/loginBg.png');
    background-size:100% 100%;
  }
  .loginCon{
    position: absolute;
    right:60px;
    top:12%;
    width:400px;
    height:68vh;
    padding:40px 20px;
    background:#fff;
    border-radius: 10px;
    box-shadow: 2px 3px 7px #0003!important;
    .logoArea{
      height:64px;
      line-height: 64px;
      color: rgba(0,0,0,.4);
      font-size: 28px;
      font-weight: bold;
      margin:0 16px 20px 16px;
    }
    .preLoginForm{
      .preBtn{
        width:90%;
        display: flex;
        margin-left:2%;
        flex-direction: row!important;
        justify-content: space-between;
        align-items: center;
        .ant-btn{
          width:40%!important;
        }
        .rememberBtn{
          width:38%!important;
          float: right;
          font-size:12px;
          color:#999;
        }
        .zcBtn{
          font-size:12px;
          color:#999;
        }
        .ant-form-item{
          padding:0!important;
          margin:0!important;
        }
      }
      .mb10{
        margin-bottom:10px;
      }

    }
  }
}

